<template>

    <el-upload drag action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" :auto-upload="false" multiple>
        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
        <div class="el-upload__text">
            选择文件 <em>并上传</em>
        </div>
        <template #tip>
            <div class="el-upload__tip">
                支持上传文件（最多 5 个，每个不超过 20 MB）接受 jpg、png、tiff、gif、zip、rar等
            </div>
        </template>
    </el-upload>


</template>

<script setup lang="ts">
import { UploadFilled } from '@element-plus/icons-vue'
</script>

<style scoped>
.el-icon--upload {
    height: 20vh;
    width: 20vw;
}

.el-upload__text {
    font-size: clamp(15px, 2vw, 25px);
}

.el-upload__tip {

    font-size: clamp(15px, 0.8vw, 25px);
}

@media (max-width: 400px) {
    .el-icon--upload {
        height: 20vh;
        width: 20vw;
    }
    .el-upload__tip {
        font-size: 8px;
    }


}
</style>